@import "../../scss/var";
@import "../../scss/mixin";

.list-container{
  position: relative;
  margin: 24px auto;
  width: 686px;
  flex: auto;
  background-color: #fff;
  border-radius: 16px;
  display: table;
  overflow: hidden;
  .header, .list-item, .border{
    display: table-row;
  }
  .header{
    height: 96px;
    align-items: center;
    font-size: 32px;
    color: #1a1a1a;
  }
  .cell{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .list-wrapper{
    position: relative;
    display: table-row-group;
  }
  .border{
    width: 100%;
    height: 2px;
    background-color: #ebebeb;

  }
  .list-item{
    height: 80px;
    font-size: 24px;
    &:nth-child(2n) {
      background-color: #f4f4f4;
    }
  }
}

.table-desc{
  position: relative;
  display: table-row;
  height: 80px;
  color: #999;
  .text{
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    margin: auto;
    font-size: 24px;
    text-align: center;
  }
}

.modal-content{
  font-size: 24px;
  color: #999;
}
